<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jquery滚动插件演示</title>
<style type="text/css">
		.marquee { border:1px solid #f1f1f1; width:400px; height:40px; overflow:hidden; line-height:20px; background:#f8f8f8;}
			.marquee li { width:400px; height:40px; text-align:center;}
			.level li { float:left;}
</style>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.marquee.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
	$(".marquee").each(function() {
		$(this).marquee();
	});
});
</script>
</head>

<body>
	<h2>jquery滚动插件演示</h2>

		<div class="">
			<div class="marquee level" direction="right" speed="30" step="1" pause="1000">
				<ul>
					<li>重要通告：10000分以上 前20名免费国内游 八月底截止 </li>
					<li>重要通告：10000分以上 前20名免费国内游 八月底截止 </li>
				</ul>
			</div>
		</div>
</body>
</html>